<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        p{
            text-indent: 30px;  /*文本缩进*/
            cursor: pointer;  /*鼠标箭头变为 手*/
            word-spacing: 5px;  /*词之间的间距*/
            font-family: 'Courier New', Courier, monospace;
        }
        p:hover{
            text-decoration: underline;   /*文本下划线*/
        }
        li{
            list-style: circle;
        }
    </style>
</head>
<body>
    <p>
        Lorem ipsum dolor sit, amet consectetur adipisicing elit. Officia quo distinctio assumenda, animi aspernatur possimus exercitationem rem velit nemo quas! Iure necessitatibus ratione ducimus consectetur dolorem, quod ipsam rerum nostrum.
    </p>
    <ul>
        <li>l1</li>
        <li>l2</li>
        <li>l3</li>
    </ul>
</body>
</html>